<!DOCTYPE HTML>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="SHORCUT ICON" href="favicon.ico" />
    <title>Admission Statistics - University of Portland</title>

	<!-- RESET HTML5 CSS -->
	<link rel="stylesheet" href="reset.css" />
	
	<!--Links and Scripts-->
	<script type="text/javascript" src="external/d3/d3.js"></script> <!-- d3 scripts -->
	<script type="text/javascript" src="external/d3/d3.csv.js"></script>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <!-- Google map API -->
	<!-- jQuery scripts -->
		<script src="external/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
		<script src="external/jquery/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
		<script src="external/jquery/jquery-css-transform.js" type="text/javascript"></script>
		<script src="external/jquery/jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
	
	<!-- main jQuery function -->
	<script type="text/javascript">
		$(function () {
				
		});
	</script>
	
	<script type="text/javascript" src="statistics.js"></script>
	<link rel="stylesheet" href="index.css" />
	<script type="text/javascript" src="map.js"></script>
	<script type="text/javascript" src="stats.js"></script>
	<script type="text/javascript">
		function initialize() {
			//Set up map and stats panel defaulting to number students applied metric
			mapSetup();
			statsSetup('Applied');
		}
	</script>	
</head>

<body onload="initialize()">
	<div id="wrapper">
	
		<div id="header">
			<div id="headerBar">
				<div id="headerBarLogo"><img src="up_logo.png"></div>
			</div>
		</div> <!-- /header -->
		
		<div id="content">
		
			<div id="contentHeader">
				<p>University of Portland</p>
				<p>Admission Statistics</p>
			</div>
		
			<div id="contentLeft">
				<div id="map"><noscript>Please enable JavaScript to view this page.</noscript></div>
				<div id="mapLegend"><!--<img id="mapLegendImg" src="gradientSAT.png">--></div>
			</div>
			
			<div id="contentRight">
			
				<div id="stats"></div>
				
				<div id="menu">
					<table id="menuRadioButtons">
						<tr>
							<td><input type="radio" name="radioSelection" onclick="statsSetup('Applied'); recolor('applied');" checked></td>
							<td>Number Applied</td>
						</tr><tr>
							<td><input type="radio" name="radioSelection" onclick="statsSetup('Enrolled'); recolor('enrolled');"></td>
							<td>Number Enrolled</td>
						</tr><tr>
							<td><input type="radio" name="radioSelection" onclick="statsSetup('GPA'); recolor('gpa');"></td>
							<td>Average GPA</td>
						</tr><tr>
							<td><input type="radio" name="radioSelection" onclick="statsSetup('SAT'); recolor('sat');"></td>
							<td>Average SAT</td>
						</tr>
					</table>
				</div> <!-- /menu -->
			</div> <!-- /contentRight -->
			
		</div> <!-- /content -->
		
		<div id="footer"></div>
		
		
	</div> <!-- /wrapper -->
	
</body>

</html>
